@charset "utf-8";
@import 'reset';
@import 'common';

.web {
    main {

        // 我要转让
        .transfer {
            margin: 40px auto 0;
            position: relative;
            width: 142px;
            height: 30px;
            text-align: center;

            // background-color: pink;
            h3 {
                font-size: 14px;
                font-weight: 700;

                span {
                    font-size: 12px;
                    font-weight: 500;
                }
            }

            &::before {
                content: '';
                position: absolute;
                top: 14px;
                left: -120px;
                width: 105px;
                height: 1px;
                background-color: #9ac1c0;
            }

            &::after {
                content: '';
                position: absolute;
                top: 14px;
                right: -120px;
                width: 105px;
                height: 1px;
                background-color: #9ac1c0;
            }
        }

        // 登录表单
        .content {
            margin: 0 auto;
            width: 780px;
            display: flex;
            justify-content: space-between;

            .login {
                width: 379px;
                height: 258px;

                table {
                    // border: solid;
                    margin-top: 25px;
                    line-height: 46px;

                    img {
                        width: 72px;
                        height: 24px;
                    }

                    a {
                        color: #b30000;
                        text-decoration: none;
                    }

                    .forget {
                        color: #b30000;
                    }

                    .login-click {
                        margin-left: 30px;
                    }

                    button {
                        margin-right: 8px;
                        width: 93px;
                        height: 24px;
                        font-size: 14px;
                        background-color: #b3d9ff;
                        border: none;
                    }

                    .username,
                    .password {
                        width: 265px;
                        height: 20px;
                        background-color: #b3d9ff;
                        box-shadow: -1px -1px 2px 0px #030000;
                        opacity: 0.25;
                    }

                    .verify {
                        margin-right: 4px;
                        width: 97px;
                        height: 20px;
                        background-color: #b3d9ff;
                        box-shadow: -1px -1px 2px 0px #030000;
                        opacity: 0.25;
                    }

                    .login-bt {
                        margin-left: 40px;
                    }
                }
            }

            // 右边图片
            .right-picture {
                img {
                    margin-top: 50px;
                    width: 379px;
                    height: 258px;
                }
            }
        }
    }

    footer {
        hr {
            margin-top: 50px;
        }
    }
}